@import "../../../vars.scss";
.device-status {
	position: relative;
	width: 100%;
	height: calc(100% - $block-title-height);
	padding: 20px 0 14px;
	.box {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.data-row {
		height: 32px;
		padding: 0 20px;
		cursor: pointer;
		background: rgb(14 105 175 / 16%);
		.icon {
			width: 22px;
			height: 22px;
			background-image: url("@public/images/decoration/power/23.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.data-info {
			flex: 1;
			padding-left: 14px;
			.dev-info {
				font-family: "PingFang SC Medium";
				font-size: 14px;
				font-weight: 500;
				color: #ffffff;
				color: $info-color;
				text-align: left;
			}
			.ext-info {
				font-size: 15px;
				font-weight: 500;
				color: #2beaab;
				text-align: right;
			}
		}
	}
	.data-row:hover {
		background-color: #005593;
	}
	.data-row.warn-info {
		.icon {
			background-image: url("@public/images/decoration/power/22.png");
		}
		.ext-info {
			color: #ffe11e;
		}
	}
	.data-row:nth-of-type(even) {
		background: none;
	}
}
